﻿<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<style type="text/css">
		html{
			overflow: hidden;
		}
		
	</style>
	<link rel="stylesheet" type="text/css" href="../css/tushu.css">
</head>
<body>

	<div style="  width: 100% ;height: 100%; ">
		<div style=" float: left; width:16rem;height: 35rem;">
			<ul class="tushuUl">
				<li>图书</li>
				<li style="margin-left: 1rem">电子书</li>
				<li style="margin-left: 1rem">网络文学</li>
			</ul>
			
			<div align="center" style="margin-top: 2rem; width:100%;height: 30rem; ">
				<img src="../picture/5809.jpg" style="width: 100%;height: 100%">
			</div>
		</div>
		<div style="display: inline-block; width:42rem;height: 35rem; ">
			<!-- <ul class="tushuUl1">
				<li>最新上架</li>
				<li>独家畅品</li>
				<li>电子书</li>
				<li>重点推荐</li>
				<li>网络文学</li>
			</ul> -->
			<span class="spanA span1">最新上架</span>
			<span class="spanA span2">独家畅品</span>
			<span class="spanA span3">电子书</span>
			<span class="spanA span4">重点推荐</span>
			<span class="spanA span5">网络文学</span>
			
			<div  class="tushuDivA tushuDivA" style="margin-top: 4rem;  width: 100%;height: 30rem;">
				<ul class="tushuA">
					<li style="border-bottom: none;"><img src="../picture/5807.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5807.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5807.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5807.jpg"></li>
				</ul>
				<ul class="tushuA">
					<li><img src="../picture/5807.jpg"></li>
					<li><img src="../picture/5807.jpg"></li>
					<li><img src="../picture/5807.jpg"></li>
					<li><img src="../picture/5807.jpg"></li>
				</ul>
			</div>
			<div class="tushuDiv tushuDiv1" style="margin-top: 4rem;  width: 100%;height: 30rem;">
				<ul class="tushuA">
					<li style="border-bottom: none;"><img src="../picture/5808.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5808.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5808.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5808.jpg"></li>
				</ul>
				<ul class="tushuA">
					<li><img src="../picture/5808.jpg"></li>
					<li><img src="../picture/5808.jpg"></li>
					<li><img src="../picture/5808.jpg"></li>
					<li><img src="../picture/5808.jpg"></li>
				</ul>
			</div>
			<div class="tushuDiv tushuDiv2" style="margin-top: 4rem;  width: 100%;height: 30rem;">
				<ul class="tushuA">
					<li style="border-bottom: none;"><img src="../picture/5809.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5809.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5809.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5809.jpg"></li>
				</ul>
				<ul class="tushuA">
					<li><img src="../picture/5809.jpg"></li>
					<li><img src="../picture/5809.jpg"></li>
					<li><img src="../picture/5809.jpg"></li>
					<li><img src="../picture/5809.jpg"></li>
				</ul>
			</div>
			<div class="tushuDiv tushuDiv3" style="margin-top: 4rem;  width: 100%;height: 30rem;">
				<ul class="tushuA">
					<li style="border-bottom: none;"><img src="../picture/5813.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5813.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5813.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5813.jpg"></li>
				</ul>
				<ul class="tushuA">
					<li ><img src="../picture/5813.jpg"></li>
					<li ><img src="../picture/5813.jpg"></li>
					<li><img src="../picture/5813.jpg"></li>
					<li><img src="../picture/5813.jpg"></li>
				</ul>
			</div>
			<div class="tushuDiv tushuDiv4" style="margin-top: 4rem;  width: 100%;height: 30rem;">
				<ul class="tushuA">
					<li style="border-bottom: none;"><img src="../picture/5820.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5820.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5820.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5820.jpg"></li>
				</ul>
				<ul class="tushuA">
					<li><img src="../picture/5820.jpg"></li>
					<li><img src="../picture/5820.jpg"></li>
					<li><img src="../picture/5820.jpg"></li>
					<li><img src="../picture/5820.jpg"></li>
				</ul>
			</div>
			<div class="tushuDiv tushuDiv5" style="margin-top: 4rem;  width: 100%;height: 30rem;">
				<ul class="tushuA">
					<li style="border-bottom: none;"><img src="../picture/5807.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5808.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5807.jpg"></li>
					<li style="border-bottom: none;"><img src="../picture/5808.jpg"></li>
				</ul>
				<ul class="tushuA">
					<li><img src="../picture/5808.jpg"></li>
					<li><img src="../picture/5808.jpg"></li>
					<li><img src="../picture/5807.jpg"></li>
					<li><img src="../picture/5808.jpg"></li>
				</ul>
			</div>
		</div>
		<div style="float: right; width:15rem;height: 35rem; ">
			<!-- <ul class="tushuUl2">
				<li style="float: left;">图书畅销榜</li>
				<li style="float: right;">童书新书榜</li>
			</ul> -->
			<span class="spanB spanB1">图书畅销榜</span>
			<span class="spanB spanB2">童书新书榜</span>
			<div class="tushuDivC"  style="  margin-top: 4rem;  width: 15rem;height: 30rem;border:0.5px solid red">
				<ol class="tushuUl3" >
					<li>纽扣士兵</li>
					<li>元素的故事</li>
					<li>走进奇妙的几何世界</li>
					<li>一句话专卖店</li>
					<li>让我留在你身边</li>
					<li>皮囊</li>
					<li>穆斯林的葬礼</li>
				</ol>
			</div>
			<div class="tushuDivB tushuDivB1" style="  margin-top: 4rem;  width: 100%;height: 30rem;border:0.5px solid red">
				<ol class="tushuUl3" >
					<li>纽扣士兵</li>
					<li>纽扣士兵</li>
					<li>走进奇妙的几何世界</li>
					<li>一句话专卖店</li>
					<li>让我留在你身边</li>
					<li>皮囊</li>
					<li>穆斯林的葬礼</li>
				</ol>
			</div>
			<div class="tushuDivB tushuDivB2" style=" margin-top: 4rem;  width: 100%;height: 30rem;border:0.5px solid red">
				<ol class="tushuUl3" >
					<li>走进奇妙的几何世界</li>
					<li>走进奇妙的几何世界</li>
					<li>走进奇妙的几何世界</li>
					<li>走进奇妙的几何世界</li>
					<li>走进奇妙的几何世界</li>
					<li>走进奇妙的几何世界</li>
					<li>走进奇妙的几何世界</li>
				</ol>
			</div>
		</div>
		
	</div>
	<script type="text/javascript" src="../js/adept.js"></script>
</body>
</html>